<script setup lang="ts">
import { Delete, Edit, Search, Share, Upload } from '@element-plus/icons-vue'

const toBaidu = () => {
  window.location.href = 'https://www.baidu.com'
}
</script>

<template>
  <div>
    <el-button plain>Plain</el-button>
    <el-button type="primary" plain>点我试试</el-button>
    <el-button type="success" plain>Success</el-button>
    <el-button type="info" plain>Info</el-button>
    <el-button size="large" type="warning" plain>Warning</el-button>
    <el-button size="small" type="danger" plain>Danger</el-button>
  </div>
  <div>
    <el-button @click="toBaidu" link type="primary" :icon="Edit" />
    <el-button type="primary" :icon="Share" />
    <el-button type="primary" :icon="Delete" />
    <el-button type="primary" :icon="Search">Search</el-button>
    <el-button type="primary">
      Upload<el-icon class="el-icon--right"><Upload /></el-icon>
    </el-button>
  </div>
</template>

<style scoped></style>
